<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城注册页</title>
    <!-- 引入默认css样式文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共css样式文件 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前css样式文件 -->
    <link rel="stylesheet" href="./css/头部页脚模板.css">
    <link rel="stylesheet" href="./css/reg.css">
    <script src="./lib/slider/jquery-1.11.0.js"></script>
    <script src="./js/reg.js"></script>
</head>
<body>
    <!-- 1.头部 -->
    <div id="header">
        <!-- 1.顶部 -->
        <div class="top bgc10">
            <!-- 版心 -->
            <div class="container ce6 ti210">
                legochina.cn
                <div class="fr">
                    欢迎光临
                    <span class="cf60">乐购</span>，请
                    <a href="#" class="ce6">登陆</a>\
                    <a href="#" class="cf60">注册</a>
                </div>
            </div>
        </div>
        <!-- 2.菜单 -->
        <div class="container rel">
            <!-- 1.logo -->
            <img src="./imgs/王者荣耀的logo.png" alt="" class="logo abs">
            <!-- 2.搜索+购物车 -->
            <div class="clearfix ptb420">
                <!-- 购物车 -->
                <div class="fr shopCar tcenter font16">
                    <a href="#">
                        购物车
                        <span>3</span>
                    </a>
                    <a href="#">我的订单</a>
                </div>
                <!-- 搜索框 -->
                <form action="#" class="fr search mr35">
                    <input type="text" value="创意文具" class="ti5 cbf font16 fl">
                    <input type="submit" class="btn fl">
                </form>
            </div>
            <!-- 3.导航 -->
            <ul class="nav font16 clearfix">
                <li>
                    <a href="#">图书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 2.表单区域开始 -->
    <div id="main" class="ffSimHei">
        <form action="https://ssl.zc.qq.com/v3/index-chs.html" method="get" id="myform" class="color666 fs22px">
            <!-- 输入用户名 -->
            <p>
                <span>用户名</span>
                <input type="text" name="username" id="uname" placeholder="您的用户名和登录名">
                <span></span>
            </p>
            <!-- 设置密码 -->
            <p>
                <span>设置密码</span>
                <input type="password" name="iput_password" id="iput_password" placeholder="建议设置两种字符密码">
                <span></span>
            </p>
            <!-- 确认密码 -->
            <p>
                <span>确认密码</span>
                <input type="password" name="comfi_password" id="comfi_password" placeholder="再次输入密码">
                <span></span>
            </p>
            <!-- 输入手机号 -->
            <p>
                <span>中国+86</span>
                <input type="text" name="tel" id="tel" placeholder="建议使用常用手机号">
                <span></span>
            </p>
            <!-- 验证码 -->
            <p class="verifi_code">
                <span>验证码</span>
                <input type="text" name="verifi_code" id="verifi_code" placeholder="输入验证码">
                <i class="code">4E7R</i>
            </p>
            <!-- 手机验证码 -->
            <p class="phone_verifi">
                <span>手机验证码</span>
                <input type="text" name="phone_verifition" id="phone_verifition" placeholder="输入手机验证码">
                <button id="btn" class="fs16px">获取验证码</button>
            </p>
            <!-- 阅读同意 -->
            <p class="fs12px check">
                <input type="checkbox" name="agree" id="agree">
                我已阅读并同意<i class="colorf60">《京东用户注册协议》</i> 
            </p>
            <!-- 立即注册 -->
            <p class="registerBtn">
                <input type="submit" value="立即注册">
            </p>
        </form>
    </div>
    <!-- 表单区域结束 -->

    <!-- 猜你喜欢开始 -->
    <div id="newbox" class="container clearfix">
        <!-- 左边部分开始 -->
        <p><span>新</span>书上架</p>
        <div class="newbox_l fl">
            
            <ul class="clearfix">
                
                <script>
                    for(let i=0;i<6;i++){
                        
                    document.write(`
                    <li class="bgc_li">
                    <i>
                        <img src="./imgs/狗王.jpg" width="150px" height="150px" alt="">
                    </i>
                    <span><img src="./imgs/limitTime.jpg" alt=""></span>
                    <p>瞅你咋地</p>
                    <p>推荐:⭐⭐⭐⭐⭐</p>
                    <h2>$:1000</h2>
                    
                    </li>
                `)
                    
                    }
                </script>
            </ul>
        </div>
    </div>
    <!-- 猜你喜欢结束 -->

    <!-- 横幅开始 -->
    <!-- 横幅结束 -->

    <!-- 页脚开始 -->
    
        <div class="fengexian"></div>
        <!-- 页脚的4个Logo开始 -->
        <div class="tupians">
            <div class="sss container clearfix">
                <div class="ss">
                    <div class="s1 fl"></div>
                    <div class="s2 fl"></div>
                    <div class="s3 fl"></div>
                    <div class="s4 fl"></div>
                </div>
            </div>
        </div>
        <div id="footer" class="container">
            <div class="zhinan">
                <div class="inboxs clearfix">
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                    </ul>
                    <ul>
                        <p>购物指南</p>
                        <li>购物流程</li>
                        <li>购物流程</li>
                        <li>购物流程</li>
                       
                    </ul>
                </div>
                <div class="logo2"></div>
            </div>
                <!-- 页脚的购物指南结束 -->
                <!-- 页脚最下面的开始 -->
            <div class="font1">
                <ul class="clearfix">
                    <li><a href="">公司简介</a></li>
                    <li><a href="">lnvestor Relations</a></li>
                    <li><a href="">网站联盟</a></li>
                    <li><a href="">乐购招商</a></li>
                    <li><a href="">机构销售</a></li>
                    <li><a href="">手机乐购</a></li>
                    <li><a href="">官方Blog</a></li>
                    <li><a href="">热词搜索</a></li>
                </ul>
                <p>Copyright&emsp;(C)&emsp;乐购网&nbsp;2004-2016,&emsp;All&nbsp;Reserved</p>
            </div>
        </div>
    <!-- 页脚结束 -->
</body>
</html>